<template>
  <AppHeader />
  <LunBo />
  <div class="mid">
    <MainLeft />
    <MainMiddle />
    <MainRight />
  </div>
 
  <AppFooter />
</template>

<script>
import AppHeader from './components/AppHeader.vue'
import LunBo from './components/LunBo.vue'
import MainLeft from './components/main/MainLeft.vue'
import MainMiddle from './components/main/MainMiddle.vue'
import MainRight from './components/main/MainRight.vue'
import AppFooter from './components/AppFooter.vue'

export default {
  name: 'App',
  components: {
    AppHeader,
    LunBo,
    MainLeft,
    MainMiddle,
    MainRight,
    AppFooter
  }
}
</script>

<style>
.mid{
  display: flex;
  align-items:center;
  justify-content: space-between;
}
</style>
